/* 头部 */
.head{
    
    width: 100%;
    background-color: #fff;
    height: 100px;
}
.head-c{
    line-height: 100px;
}
.head-c .logo{
    width: 221px;
    height: 52px;
    margin-top: 24px;
    float: left;
}
.nav{
    float: right;
}
.nav .nav-item{
    float: left;
    width: 36px;
    font-size: 14px;
    text-align: center;
    margin: 0 36px;
    color: #767676;
}
.nav .nav-item a{
    display: block;
    width: 100%;
    color: #767676;
}
.nav .nav-item .line{
    display:none;
    width: 20px;
    height: 1px;
    background-color: #668aca;
    margin: 0 auto;
    margin-top: -36px;
}
.nav .nav-item.end{
    margin-right: 0;
}
.nav .nav-item.action .line{
    display: block;
}
.nav .nav-item.action a{
    font-size: 18px;
    color: #668aca;
}
.nav .nav-item:hover .line{
    display: block;
}
.nav .nav-item:hover a{
    font-size: 18px;
    color: #668aca;
}
/* 底部 */
.foot{ 
    width: 100%;
    height: 262px;
    background-color:#f7f7f7;
    color: #767676;
}
.foot-c{
    height: 100%;
}
.foot ul{
    float: left;
    margin-right: 131px;
    margin-top: 98px;
}
.foot .link-left{
    margin-left: 131px;
}
.link-left .title{
    font-size: 16px;
    margin-bottom: 10px;

}
.link-left img{
    margin-right: 19px; 
}
.link-center{
    width: 305px;
    height: 75px ;
    font-size: 14px;
    text-indent: 61px;
    border-left: 1px solid #e9e9e9;
}
.link-center li{
    line-height: 14px;
    margin-bottom: 16px;
}
.foot  .link-right{
    margin-right: 0;
}
.link-right{
    width: 305px;
    height: 75px ;
    font-size: 14px;
    text-indent: 61px;
    border-left: 1px solid #e9e9e9;
}
.link-right li{
    line-height: 14px;
    margin-bottom: 16px;
    
}